<template>
  <div class="acme-overlay">
    <acme-popup v-model="showPopup"></acme-popup>
  </div>
</template>

<script>
  import AcmePopup from '../popup/index.vue'
  export default {
    name: "AcmeOverlay",
    components: {
      AcmePopup
    },
    props: {
      value: {
        type: Boolean,
        default: false
      }
    },
    data() {
      return {
        showPopup: false
      }
    },
    mounted() {
      setTimeout(() => {
        this.showPopup = true
      }, 300)
    },
    methods: {
      
    },
  };
</script>

<style lang="scss" scoped>
  // @import './index.scss';
</style>
